<template>
  <div class="home">
    <p211 />
    <p212 />
    <p213 />
  </div>
</template>

<script>
import p211 from "../views/pages/p211";
import p212 from "../views/pages/p212";
import p213 from "../views/pages/p213";
import { mapState, mapMutations } from "vuex";
// @ is an alias to /src

export default {
  name: "Home",
  components: {
    p211,
    p212,
    p213,
  },
  data() {
    return {
      cookie: [],
    };
  },
  computed: mapState(["cookies"]),
  mounted() {
    this.updateCookies();
    // this.printCookie();
  },
  methods: {
    ...mapMutations(["updateCookies"]),
  },
};
</script>
<style  scoped>
.map90 {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -moz-transform: rotate(90deg); /* Firefox */
  -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
  -o-transform: rotate(90deg); /* Opera */
}
</style>
